<?
error_reporting(0);
	include("includes/db.php");
	include("includes/functions.php");
	
	if($_REQUEST['command']=='add' && $_REQUEST['productid']>0){
		$pid=$_REQUEST['productid'];
		addtocart($pid,1);
		header("location:shoppingcart.php");
		exit();
	}
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="home_style.css" type="text/css" />
	<script src="index_files/jquery-1.js"></script>
    <script src="index_files/jquery_002.js"></script>              
	<script src="index_files/jquery.js"></script> 
    <script type="text/javascript" charset="utf-8">	
		 $(document).ready(function(){
			$('#banner').oneByOne({
				className: 'oneByOne1',	             
				easeType: 'random',
				slideShow: 1
			});  
		 });
    </script> 
    
    <script language="javascript">
	function addtocart(pid){
		document.form1.productid.value=pid;
		document.form1.command.value='add';
		document.form1.submit();
	}
</script>

    <link href="index_files/jquery.css" rel="stylesheet" type="text/css">
    <link href="index_files/example1.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="index_files/animate.css"> 
    
<title>Loiter D85</title>
</head>

<body>
<div class="background_1"> <!-- its height increase accourding to upper_main_body-->
<div class="background_2">
<div class="background_3"> 
    <div id="upper_main_body">
    	<div id="log_btn">
        	<p>Logi-In / Register</p>
        </div><!-- end of log_btn-->
        <div id="log_in">
        	<form>
            	<table cellspacing=" 8px">
                	<tbody>
                    	<tr>
            				<td><p>User Name:</p></td> 
                            <td><input type="text" id="log_styl" /></td>
                        </tr>
                        <tr>    
                			<td><p>Password:</p></td> 
                            <td><input type="password" id="log_styl" /></td>
                        </tr>
                        <tr>
                        	<td colspan="2"><input type="button" value="Sign in" style="float: right;" id="sign_btn"/></td>
                        </tr>
                        <tr>
                        	<td colspan="2"><p>Not registered yet? Please <span><a href="reg.html">Click Here to Register</a></span>.</p></td>
                        </tr>
                   </tbody>
               </table>
            </form>
        </div><!-- end of log_in-->
        <div id="search_1">
        	<input type="text"/>
            <a href="#"><div id="go_search">Search</div></a>
        </div><!-- end of search_1-->
        <div id="order_delivery">
        	<table><tr><td valign="top" class="order_0"><img src="home_images/phone.PNG" /></td><td><table><tr><td class="order_1" valign="top">Order Delivery</td></tr><tr><td class="order_2" valign="top">+880-1913566091</td></tr></table></td></tr></table>
        </div><!-- order_delivery-->
        
        <div id="loiter_logo"><img src="home_images/loiter_logo.PNG" /></div>
        
        <div id="shopping_cart">
        	<table><tr><td valign="top" class="cart_0"><img src="home_images/cart.PNG" /></td><td><table><tr><td class="cart_1" valign="top">Shopping Cart</td></tr><tr><td class="cart_2" valign="top">02 Items</td></tr></table></td></tr></table>
        </div><!-- shopping_cart-->
        
        <div id="upper_navigation">
        	<ul>
            	<a href="home_index.html"><li  class="active">Home</li></a>
                <a href="#"><li>About Us</li></a>
                <a href="#"><li>Products</li></a>
                <a href="#"><li>Contacts</li></a>
                <a href="#"><li>Ordering</li></a>
                <a href="#"><li>Reviews</li></a>
            </ul>
        </div><!-- upper_navigation -->
        
        <div id="slide_show">
        	<img src="home_images/star_red.PNG" class="red_star" />
            <img src="home_images/green_shop_now.PNG" class="green_shop" />
        	<div id="wrapper">   	
                  <div style="overflow: hidden;" class="oneByOne1">
                      <div style="left: -3497px;" id="banner">  				
                          <div style="display: none; left: 960px;" class="oneByOne_item">                      
                              <img style="display: none;" src="home_images/slideItem_1.PNG" class="img3 animate0" alt="">												
                              <span style="display: none;" class="text3 animate3">Crispy Chicken Burger</span>			
                              <span style="display: none;" class="text4 animate4">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi.</span>
                              <span style="display: none;" class="text5 animate5">420<br/><span class="taka">taka</span></span>
                              <span style="display: none;" class="text6 "><a href="#">SHOP NOW</a></span>						
                          </div>
                          
                          <div style="display: none; left: 960px;" class="oneByOne_item">                      
                              <img style="display: none;" src="home_images/slideItem_1.PNG" class="img3 animate0" alt="">												
                              <span style="display: none;" class="text3 animate3">Crispy Chicken Burger</span>			
                              <span style="display: none;" class="text4 animate4">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi.</span>
                              <span style="display: none;" class="text5 animate5">420<br/><span class="taka">taka</span></span>
                              <span style="display: none;" class="text6 "><a href="#">SHOP NOW</a></span>						
                          </div>
                          
                          <div style="display: none; left: 960px;" class="oneByOne_item">                      
                              <img style="display: none;" src="home_images/slideItem_1.PNG" class="img3 animate0" alt="">												
                              <span style="display: none;" class="text3 animate3">Crispy Chicken Burger</span>			
                              <span style="display: none;" class="text4 animate4">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi.</span>
                              <span style="display: none;" class="text5 animate5">420<br/><span class="taka">taka</span></span>
                              <span style="display: none;" class="text6 "><a href="#">SHOP NOW</a></span>						
                          </div>
                          
                          <div style="display: none; left: 960px;" class="oneByOne_item">                      
                              <img style="display: none;" src="home_images/slideItem_1.PNG" class="img3 animate0" alt="">												
                              <span style="display: none;" class="text3 animate3">Crispy Chicken Burger</span>			
                              <span style="display: none;" class="text4 animate4">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi.</span>
                              <span style="display: none;" class="text5 animate5">420<br/><span class="taka">taka</span></span>
                              <span style="display: none;" class="text6 "><a href="#">SHOP NOW</a></span>						
                          </div>
                          
                          <div style="display: none; left: 960px;" class="oneByOne_item">                      
                              <img style="display: none;" src="home_images/slideItem_1.PNG" class="img3 animate0" alt="">												
                              <span style="display: none;" class="text3 animate3">Crispy Chicken Burger</span>			
                              <span style="display: none;" class="text4 animate4">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi.</span>
                              <span style="display: none;" class="text5 animate5">420<br/><span class="taka">taka</span></span>
                              <span style="display: none;" class="text6 "><a href="#">SHOP NOW</a></span>						
                          </div>
                          
                      </div><!-- end of banner -->
                   </div><!-- end of oneByOne1 -->          
              </div><!-- end of wrapper -->    
        </div><!-- end of slide_show-->
        
    </div><!-- end of upper_main_body-->
    
    
</div><!-- end of background_3-->
</div><!-- end of background_2-->
</div><!-- end of background_1-->

<div id="next_main_body">
    <div id="three_quality">
        <ul>
            <li>
                <div id="three_quality_1">
                	<div id="three_quality_1_tag"></div>
                    <p>Order your food online with us</p>
                </div><!-- three_quality_1 -->
            </li>
            <li>
                <div id="three_quality_2">
                	<div id="three_quality_2_tag"></div>
                    <p>We send, confirm & monitor your order</p>
                </div><!-- three_quality_1 -->
            </li>
            <li>
                <div id="three_quality_3">
                	<div id="three_quality_3_tag"></div>
                    <p>We prepare and deliver your food to you</p>
                </div><!-- three_quality_1 -->
            </li>
        </ul>
    </div><!-- three_quality -->
	
    <div id="cata_feathured">
    	<div id="catagories">
        	<div id="catagories_head"><p>Catergories</p></div>
            <ul class="nav_ul_1">
            	<li><a href="#">Rice Meal</a></li>
                <li><a href="#">Rice Meal</a></li>
                <li><a href="#">Rice Meal</a></li>
                <li><a href="#">Rice Meal</a></li>
                <li><a href="#">Rice a</a>
                	<ul class="nav_ul_2">
                        <li><a href="#">asdasd</a></li>
                        <li><a href="#">asdasd</a></li>
                    </ul>
                </li>
                <li><a href="#">Rice Meal</a></li>
                <li>Rice Meal</li>
            </ul>
            
            <div id="cart_side">
            	<img src="home_images/cart_1.PNG" />
                <table>
                	<tr>
                    	<td valign="top"><a href="#"><img src="home_images/x.PNG" border="none" /></a></td>
                        <td valign="top">1x2 Chicken Chilli Burger with French Fries</td>
                        <td valign="top" class="amount">= 400/-</td>
                    </tr>
                    <tr>
                    	<td valign="top"><a href="#"><img src="home_images/x.PNG" border="none" /></a></td>
                        <td valign="top">1x2 Chicken Chilli</td>
                        <td valign="top" class="amount">= 400/-</td>
                    </tr>
                    <tr>
                    	<td valign="top"><a href="#"><img src="home_images/x.PNG" border="none" /></a></td>
                        <td valign="top">1x2 Chicken Chilli Burger with French Fries</td>
                        <td valign="top" class="amount">= 4100/-</td>
                    </tr>
                    <tr>
                    	<td valign="top"><a href="#"><img src="home_images/x.PNG" border="none" /></a></td>
                        <td valign="top">1x2 Chicken Chilli Burger with French Fries</td>
                        <td valign="top" class="amount">= 1400/-</td>
                    </tr>
                </table>
                
                <div id="chart_divider"></div>
                <p>Total Price</p>
                <p><span>1300 Taka only</span></p>
                <div id="chart_check_out_outter"><a href="#"><div id="cart_check_out"><p>Check Out</p></div></a></div>
            </div> 
        </div><!-- end of catagories-->
        <div id="feathured">
	<form name="form1">
	<input type="hidden" name="productid" />
    <input type="hidden" name="command" />
</form>

		<?
			$result=mysql_query("select * from products");
			while($row=mysql_fetch_array($result)){
		?>
        	<ul>
            	<li class="margin_right_li">
                	<a href="#">
                    	<div class="feathured_food_1"><img src="<?=$row['picture']?>" /></div>
                        <p><?=$row['name']?></p>
                        <p><span><?=$row['description']?></span></p>
                    </a>
                    <div class="amount_addtocart">
                    	<p><?=$row['price']?> taka</p>
                        <a href="#"><div class="addtocart_bar"><p><input type="button" value="Add to Cart" onclick="addtocart(<?=$row['serial']?>)" /></p></div></a>
                    </div>
                </li>
                </ul>
		 <? } ?>

            
            
        </div><!-- end of feathured-->
    </div><!-- end of cata_feathured-->
    
    
</div><!-- end of next_main_body -->
<div id="footer">
<div id="footer_shadow">
	<div id="footer_ul">
        <ul>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Products</a></li>
            <li><a href="#">Contacts</a></li>
            <li><a href="#">Ordering</a></li>
            <li><a href="#">Reviews</a></li>
        </ul>
    </div>
    <p>Copyright © 2011,  webper.com</p>
</div>
</div>

</body>
<script type="text/javascript">
i=0;
<!--$('#wrapper').mouseover(function(){i=i+1;alert(i);}).mouseout(function(){i=i-1;alert(i);})-->

</script>

<script>
        $("#log_btn").click(function(){

        $("#log_in").slideToggle("slow");
        return false;
        });
</script>
</html>
